<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<title>分店管理-添加新预约</title>
	<link rel="stylesheet" href="/js/plugin/layui-v2.3.0/layui/css/layui.css">
	<link rel="stylesheet" href="/css/reset.css">
	<link rel="stylesheet" href="/css/index.css">
	<link rel="stylesheet" href="/css/project_set.css">
	<script src="/js/jquery-2.1.1.min.js"></script>
	<script src="/js/plugin/layui-v2.3.0/layui/layui.js"></script>
	<script src="/js/common.js"></script>
</head>
<style>
/* ::-webkit-scrollbar-thumb {
  background:rgb(95,106,135); 
  border-radius: 10px;
  height:50%;
} */
body,html{
	height: auto; 
}
.date-input {
    padding-left: 30px;
    background: url(/images/icon/rili_icon.png) no-repeat 10px center !important;
}
.layui-form-label{
    width:auto;
	padding:9px 4px;
	text-align:right;
}
</style>
<script>
	//重新渲染表单
	function renderForm(){
	    layui.use('form', function(){
	       var form = layui.form;//高版本建议把括号去掉，有的低版本，需要加()
	       form.render();
	    });
	}
</script>
<body>
	<div class="nav-section-content-container" style="padding: 0px">
		<div class="nav-section-content-container">
			<div class="m-updown">
				<div class="nav-section-action-bar" style="height: 600px;">
					<div class="layui-form-item layui-form"">
					</div>
					<table class="layui-hide" id="LAY_table_field" lay-filter="field"></table> 
					<script type="text/html" id="name">
  						{{d.field.name}}
					</script>
					<script type="text/html" id="fullName">
  						{{# if(d.team!=null){ }}
						{{ d.team.fullName }}
						{{# } }}
					</script>
					<script type="text/html" id="Contacts">
  						{{# if(d.team!=null){ }}
						{{ d.team.chargeName }}
						{{# }else{ }}
						{{  d.contacts }}
						{{#  } }}
					</script>
					<script type="text/html" id="telephone">
  						{{# if(d.team!=null){ }}
						{{ d.team.chargePhone }}
						{{# }else{ }}
						{{  d.telephone }}
						{{#  } }}
					</script>
				</div>
			</div>
		</div>
	</div>
	<input type="hidden" id="teamId" name="teamId" th:value="${teamId}"/>
</body>
<script>
var table,teamId;
$(function(){
	
	teamId=$("#teamId").val();
	var projectId=parent.parent.$("#projectId").val();
	layui.use(['element','layer','form','table', 'laydate'], function(){
		var form = layui.form,laydate = layui.laydate;
		table = layui.table;
		
		//方法级渲染
		table.render({
			id:'field',
		    elem: '#LAY_table_field',
		    url: '/app/projectFieldTeam/listdata',
		    cols: [[
		      {field:'name',toolbar: '#name', align:'left', title: '场地名称',width:'20%'}
		      ,{field:'bookStartDate', align:'left', title: '使用日期',width:'15%'}
		      ,{field:'startTime', align:'left', title: '开始时间',width:'15%'}
		      ,{field: 'endTime', align:'center',title: '结束时间',width:'15%'}
		      ,{field: 'creater', align:'center',title: '预订人',width:'15%'}
		      ,{field: 'created', align:'center',title: '订单创建时间',width:'15%'}
		    ]]
		    ,page: true
		    ,where: {
	        	params:{
	        		teamId: teamId
	        	}
	        }
		});
	})
})
function setHeight(){
    var h = document.body.clientHeight;
    window.parent.setiframeWrap(h);
}
</script>
</html>